<template>
  <div class="home-container">
    <type-nav></type-nav>
    <list-container></list-container>
    <recommend></recommend>
    <like></like>
    <floor v-for="floor in floorList" :key="floor.id" :floor="floor"></floor>
  </div>
</template>

<script>
import { mapState } from 'vuex'

import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'

export default {
  name: 'home',
  data(){
    return {

    }
  },
  methods:{

  },
  created(){
    this.$store.dispatch('actionApiFloorList');
  },
  computed: {
    ...mapState({
      floorList: (state) => state.home.floorList
    })
  },
  components:{
    ListContainer,
    Recommend,
    Like,
    Floor,
    Brand
  }
}
</script>

<style scoped>

</style>